<template>
	<view class="indexContainer">
		<view class="header">
			<image class="logo" src="/static/images/logo.png" mode=""></image>
			<view class="search">
				<img class="icon" src="/static/images/search.png" alt="" />
				<input type="text" value="" placeholder="搜索..." placeholder-class="placeholder"/>
			</view>
		</view>
		<button type="default">张三张三</button>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.indexContainer,
	.header {
		display: flex;
		padding: 10rpx 5rpx;
	}

	.logo {
		width: 160rpx;
		height: 50rpx;
		margin: 5rpx;
	}

	.search {
		width: 420rpx;
		height: 60rpx;
		background: #f5f5f5;
	}
	.icon{
		display: flex;
		width: 50rpx;
		height: 50rpx;
	}

	input {
		/* width: 260rpx;
		height: 60rpx; */
		margin-top: -25px;
		border: 1rpx solid #ccc;
		margin-left: 60rpx;
	}
	.placeholder{
		font-size: 26rpx;
		color: #333;
	}

	button {
		width: 144rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		font-style: 26rpx;
		padding: 0 4rpx;
	}
	
</style>